<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册</title>
		<link rel="shortcut icon" href="http://www.mi.com/favicon.ico"/>
		<style>
			*
			{
				margin: 0;
				padding: 0;
			}
			body {
				background-color: #f9f9f9;
			}
			.z {
				width: 884px;
				height: 590px;
				background-color: #ffffff;
				margin: auto;
			}
			input,select {
				outline: none;
				border: 0;
			}
			select option {
				outline: none;
				border: 0;
			}
			img {
				margin: 0 414px;
			}
			h1 {
				font-size: 30px;
				color: #333333;
				text-align: center;
				font-weight: 400;
				line-height: 126px;
			}
			.zhong {
				width: 330px;
				height: 244px;
				margin: auto;
			}
			.zhong select {
				width: 330px;
				height: 40px;
				border: 1px solid #e8e8e8;

			}
			input[type="submit"] {
				cursor: pointer;
			}
			.zhong h4 {
				color: #333333;
				font-size: 13px;
				line-height: 28px;
			}
			.zhong p {
				color: #666666;
				font-size: 12px;
				line-height: 30px;
			}
			.zhong .t2 {
				float: left;
				width: 72px;
				height: 42px;
				border-right: 0px;
				
			}
			.zhong input {
				float: right;
				width: 254px;
				height: 42px;
				color: #9d9d9d;
				border: 1px solid #e8e8e8;
			}
			#zhece {
				width: 330px;
				height: 42px;
				background-color: #FF6700;
				border: 0px;
				color: #ffffff;
				margin-top: 28px;
			}
			.pa {
				font-size: 12px;
				color: #9d9d9d;
				text-align: center;
				margin-top: 84px;
			}
		</style>
	</head>
	<body>
		<div class="xioami z">
			<a href="./index.html"><img src="image/小米图标.png" alt="" title="返回到主页"></a>
			<h1>注册小米账号</h1>
			<div class="zhong">
				<h4>国家/地区</h4>
				<select>
					<option value ="1">中国</option>
					<option value ="1">日本</option>
					<option value ="1">美国</option>
					<option value ="1">英国</option>
					<option value ="1">新加坡</option>
					<option value ="1">俄罗斯</option>
					<option value ="1">缅甸</option>
				</select>
				<p>成功注册账号后，国家/地区将不能被更改</p>
				<h4>手机号码</h4>
				<select class="t2">
					<option value ="1">中国+86</option>
					<option value ="1">日本+56</option>
					<option value ="1">美国+65</option>
					<option value ="1">英国+43</option>
					<option value ="1">新加坡+00</option>
					<option value ="1">俄罗斯+78</option>
					<option value ="1">缅甸+34</option>
				</select>
				<input type="text" name="" id="" value="请输入号码" />
				<input type="submit" name="" id="zhece" value="立即注册" onclick="alert('权限受限')" />
			</div>
			<p class="pa">已阅读并同意：小米 用户协议和 隐私政策</p>
		</div>
	</body>
</html>
